<!DOCTYPE html>
<html>
		<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../css/pages.css" />
		<link rel="stylesheet" type="text/css" href="../css/bmap_reset.css"/>
		<link rel="shortcut icon" id="favicon" href="../favicon.ico">
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>
	<body>
		<!--头部-->
		<header class="flex flex-align-center">
			<div class="email flex flex-align-center">
				<img src="../img/shouye-email.png" alt="" />
				<p>typay@typay.me</p>
			</div>
			<div class="login">
				<a href="#">用户登录</a> |
				<a href="#">合作商登录</a>
			</div>
		</header><!--头部结束-->
		<!--导航部分-->
		<nav class="flex flex-align-center flex-pack-center">
			<img src="../img/shouye-logo.png" alt="" />
			<div class="navright flex flex-align-center flex-pack-center">
				<div class="item">首页</div> &nbsp;|
				<div class="item">关于我们</div> &nbsp;|
				<div class="item">加入我们</div> &nbsp;|
				<div class="item">新闻中心</div> &nbsp;|
				<div class="item">应用下载</div>
			</div>
		</nav><!--导航部分结束-->
		<!--内容部分-->
		<div class="container">
			<div class="contact-banner">
				<img src="../img/contcat/contact_03.png" alt="" />
			</div>
			<div class="contactnav flex flex-align-center flex-pack-center">
				<img src="../img/contcat/youniao.png"/>
			</div>
			<div class="lianxilist">
				<div class="lianxilistbox" style="background: #ffd5e3;">
					<img src="../img/contcat/dizhi.png" alt="" />
					<p class="title">产品运营中心</p>
					<p>地址：渝北区新溉大道18号</p>
					<p>国宾城12幢19楼06-07室</p>
					<p style="margin-top: 0.05rem;">邮编：401120</p>
				</div>
				<div class="lianxilistbox" style="background: #d5e0ff;">
					<img src="../img/contcat/dianhua.png" alt="" />
					<p class="title">商务咨询</p>
					<p>服务热线：400-838-0600</p>
					<p>服务时间：早9:30-晚18:30</p>
				</div>
				<div class="lianxilistbox" style="background: #d7ffd5;">
					<img src="../img/contcat/hexzuo.png" alt="" />
					<p class="title">合作洽谈</p>
					<p>联系电话：023-81314850</p>
					<p style="margin-top: 0.05rem;">邮箱咨询：</p>
					<p>tusheng@typay.me</p>
				</div>
				<div class="lianxilistbox" style="background: #d5e0ff;">
					<img src="../img/contcat/1501575098.png" alt=""/>
					<p class="title" >应用下载</p>
					<p >扫码（IOS、安卓）</p>
					<p>下载优鸟钱包APP</p>
			</div>
		</div>
		<!--如何到达-->
		<div class="contactnav">
			<img src="../img/contcat/ow-to-get.png"/>
		</div>
		<div class="toget">
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/gongjiaoche.png" alt="" class="flLeft"/>
					<p class="flLeft" style="color: #656bba;">公交车</p>
				</div>
				<div class="boxcont">
					<p>站台：轨道嘉州恒大中 渝广场站</p>
					<p style="margin-top: 5px;">线路：125路、126路、149路、151路、465路、603路、606路、610路、619路、627路、825路、842路、848路、877路。</p>
				</div>
			</div>
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/chuzuche.png" alt="" class="flLeft"/>
					<p class="flLeft"style="color: #f3ba0a;">自驾/自驾</p>
				</div>
				<div class="boxcont">
					<p>地点：国宾城写字楼</p>
					<p style="margin-top: 5px;">具体地址：渝北区新溉大道18号国宾城12幢19楼06-07室</p>
				</div>
			</div>
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/ditie.png" alt="" class="flLeft"/>
					<p class="flLeft" style="color: #d81e06;">地铁</p>
				</div>
				<div class="boxcont">
					<p>站台：嘉州路（3号线）</p>
				</div>
			</div>
		</div>
		<div class="map" id="allmap">
				
		</div>
		<!--底部-->
		<footer>
			<div class="footertop flex">
				<div class="item">
					<p class="title">公司业务</p>
					<p>微信支付</p>
					<p>pos机收单</p>
					<p>支付宝支付</p>
					<p>随行付+中汇支付</p>
				</div>
				<div class="item">
					<p class="title">合作伙伴</p>
					<p>支付宝</p>
					<p>随行付</p>
					<p>微信支付</p>
					<p>中信银行</p>
				</div>
				<div class="item">
					<p class="title">联系我们</p>
					<div class="flex flex-align-center">
						<img src="../img/dingwei.png" alt="" />
						<p>中国重庆</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/youxiang.png" style="height:0.16rem ;width: auto;margin-bottom: -3px;" alt="" />
						<p>typay@typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/diqiu.png" alt="" />
						<p>www.typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="../img/dianhua.png" alt="" />
						<p>400-838-0600</p>
					</div>
				</div>
			</div>
			<div class="footerbt"></div>
		</footer><!--底部结束-->
	</body>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ"></script>
	<script type="text/javascript">
		// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(106.532367,29.603229);
	var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	map.enableScrollWheelZoom();
	map.centerAndZoom(point, 15);
	var opts = {
	  width : 200,     // 信息窗口宽度
	  height: 100,     // 信息窗口高度
	  title : "重庆通亿付科技股份有限公司" , // 信息窗口标题
	  enableMessage:true,//设置允许信息窗发送短息
	  message:""
	}
	var infoWindow = new BMap.InfoWindow("<p style='margin-top:0.05rem;font-size:0.1rem'>地址：新牌坊新溉路8号(科技大厦旁)</p><p style='margin-top:0.05rem;font-size:0.1rem'>电话：023-67524777</p>", opts);  // 创建信息窗口对象 
	marker.addEventListener("click", function(){
		map.openInfoWindow(infoWindow,point); //开启信息窗口
	});
	</script>
</html>
